<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
这是我的第一个网页

<!--    超链接 -->
<a href="http://www.baidu.com">llllla</a>

<!--    表格 tr行 td列 -->
<table>
    <tr>
        <td>1.1</td>
        <td>1.2</td>
        <td>1.3</td>
    </tr>
    <tr>
        <td>2.1</td>
        <td>2.2</td>
        <td>2.3</td>
    </tr>
</table>

<!--    图片 static复制 把target删掉重新运行 -->
<img src="img/out.gif">

<!--    div 相当于容器 不管多少内容独自占一行-->
<div>
    第一个div
</div>
<div>
    第二个div
</div>

<!--    列表 ol有序列表-->
<ol>
    <li>第一天</li>
    <li>第二天</li>
</ol>
<ul>
    <li>点1</li>
    <li>点2</li>
</ul>
<form id="form">
    <table>
        <!--   tr*7>td*2   tab键  -->
        <tr>
            <td>账号：</td>
            <td>
                <input type="text" name="userName">
            </td>
        </tr>
        <tr>
            <td>密码：</td>
            <td>
                <input type="password" name="userPwd">
            </td>
        </tr>
        <!-- radio:从所给选项中选取一个 单选-->
        <tr>
            <td>性别：</td>
            <td>
                <input type="radio" name="userSex" value="1">男
                <input type="radio" name="userSex" value="2">女
            </td>
        </tr>
        <!-- 下拉列表 选择 -->
        <tr>
            <td>身份：</td>
            <td>
                <select name="type">
                    <option value="1">党员</option>
                    <option value="2">预备党员</option>
                    <option value="3">群众</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>生日：</td>
            <td>
                <input type="date" name="birthday">
            </td>
        </tr>
        <!-- checkbox 多选-->
        <tr>
            <td>爱好：</td>
            <td>
                <input type="checkbox" name="likes" value="1">游戏
                <input type="checkbox" name="likes" value="2">旅游
                <input type="checkbox" name="likes" value="3">学习
            </td>
        </tr>
        <tr>
            <td>自我介绍：</td>
            <td>
                <textarea name="info" role="5" cols="20">快输入！！！</textarea>
            </td>
        </tr>
        <tr>
            <td>
                <button type="button">提交</button>
                <button type="reset">重置</button>
            </td>
        </tr>
    </table>
    <!--以上控件必须提供name属性-->
</form>
</body>
</html>